<template>
  <div>
    <!-- <input type="file" accept=".xls,.xlsx" @change="importExcel" /> -->
    <tiny-grid :data="tableData">
      <tiny-grid-column field="name" title="名称"></tiny-grid-column>
      <tiny-grid-column field="area" title="所属区域"></tiny-grid-column>
      <tiny-grid-column field="address" title="地址"></tiny-grid-column>
      <tiny-grid-column field="introduction" title="公司简介" show-overflow></tiny-grid-column>
    </tiny-grid>
  </div>
</template>

<script>
import { TinyGridColumn, TinyGrid } from '@opentiny/vue'

// import * as XLSX from 'xlsx'

export default {
  components: {
    TinyGridColumn,
    TinyGrid
  },
  data() {
    return {
      tableData: []
    }
  },
  methods: {
    // importExcel(e) {
    //   const files = e.target.files
    //   if (files.length <= 0) {
    //     return false
    //   } else if (!/\.(xls|xlsx)$/.test(files[0].name.toLowerCase())) {
    //     Modal.message({ message: '上传格式不正确，请上传 xls 或者 xlsx 格式', status: 'warning' })
    //     return false
    //   } else {
    //     // 更新获取文件名
    //     this.upload_file = files[0].name
    //   }
    //   const fileReader = new FileReader()
    //   fileReader.onload = (ev) => {
    //     try {
    //       const data = ev.target.result
    //       const workbook = XLSX.read(data, {
    //         type: 'binary'
    //       })
    //       // 取 Excel 的第一张 Sheet 表
    //       const wsname = workbook.SheetNames[0]
    //       // 生成 JSON 表格内容
    //       const ws = XLSX.utils.sheet_to_json(workbook.Sheets[wsname])
    //       // 将数据赋值给 Grid 数据源
    //       this.tableData = ws
    //       // 可以在这里给后端发请求，将读取的 Excel 数据存到数据库表中
    //     } catch (e) {
    //       return false
    //     }
    //   }
    //   fileReader.readAsBinaryString(files[0])
    // }
  }
}
</script>
